/*顶部工具栏*/
.site-nav{
    z-index: 99;
    position: relative;
    width: auto;
    height: 30px;
    background: #f7f9f8;
	.wrap {
		width: 1200px;
		margin: 0 auto;
		height:30px;
		.fl{
			li{
				float:left;
				line-height:30px;
				margin-right:10px;
				img{
					vertical-align:middle;
					width:16px;height:16px;
				}
			}
			.city{
				position:relative;
				color:#008842;
				.city-sz,.city-tit{
					float:left;
				}
				.city-sz{
					position:relative;
					color:#008842;
					height:16px;
					line-height:16px;
					cursor:pointer;
					margin:7px 0;
				}
				.city-tit{
					.city-name{
						z-index:100;
						position:relative;
						display:block;
						float:left;
						height:20px;
						line-height:20px;
						margin-top:5px;
						padding:0 20px 5px 5px;
						color:#008842;
						cursor:pointer;
						s{
							position:absolute;
							top:9px;
							right:8px;
							width:8px;
							height:4px;
							margin-left:5px;
							background: url(../../static/images/header-img.png) no-repeat 0 0;
							transition:transform .2s ease-in 0s;
							-webkit-transition: -webkit-transform .2s ease-in 0s;
						}
					}
				}
				// 城市列表
				
				.city-con{
					display:none;
					position:absolute;
					top:28px;
					left:0;
					width:482px;
					border:2px solid #007f4d;
					background:#fff;
					a{
						color:#727272;
						margin:0 5px;
						float:left;
						display:inline-block;
						white-space:nowrap;
					}
					.headline{
						padding:0 15px;
						line-height:30px;
						color:#727272;
						background:#ededed;
						a{
							float:right;
							color:#008842;
							font-family:"宋体";
						}
					}
					.city-hot{
						overflow:hidden;
						margin:10px 15px;
						line-height:18px;
						span{
							display:block;
							margin-bottom:5px;
							font-weight:bold;
							color:#666;
							i{
								width:16px;
								height:16px;
								margin-right:5px;
								background:url(../../static/images/header-img.png) no-repeat -174px 0;
							}
						}
						a{
							padding:3px 10px 3px 15px;
						}
					}
					.citytab{
						margin:10px 0;
						padding:0 15px;
						span{
							display:inline-block;
							width:18%;
							border:1px solid #fff;
							border-bottom-color:#e0e0e0;
							text-align:center;
							cursor:pointer;
						}
						.active{
							position:relative;
							border-color:#e0e0e0;
							border-bottom-color:#fff;
							
						}
					}
					.citylist{
						
						// display:none;
						margin:0 15px 15px;
						a{
							float:inherit;
							width:17%;
							margin:0 0 0 5px;
						}
					}
					dl{
						display:block;
						overflow:hidden;
						line-height:22px;
					}
					dt{
						font:bold 12px/22px Arial,"Microsoft YaHei";
						color:#008842;
						float:left;
						margin-right:10px;
						text-align:center;
					}
					dd{
						overflow:hidden;
					}
				}
			}
			.current{
				.city-name{
					background:#008842;
					color:#fff!important;
					s{
						background:url(../../static/images/header-img) no-repeat -25px 0;
					}
				}
				.city-con{
					display:block;
				}
			}
		}
		.fr{
			li{
				position: relative;
				float: right;
				line-height: 30px;
				padding: 0 10px;
				text-align: center;
				img{
					vertical-align:middle;
				}
			}
			i{
				width: 18px;
				height: 18px;
				margin-right: 5px;
				background: url(../../static/images/header-img.png) no-repeat left top;
			}
			.TEL{
				i{
					background-position: -86px 0;
				}
			} 
			.pay{
				 i{
					width: 22px;
					background-position: -147px 0;
				}
			}
			.mobile{
						i{
							background-position:-64px 0;
						}
						.con{
							width:125px;
							padding:10px;
							line-height:25px;
						}
			}
			.myyiguo{
				i{
					background-position:-40px 0;
				}
				.con{
					width:100px;
					padding:5px 12px;
					text-align:left;
					a{
						display:block;
						line-height:25px;
						color:#727272;
					}
					b{
						margin-left:10px;
						padding:0 5px ;
						color:#fff;
						background:#008842;
						border-radius:50%;
					}
				}
			}
			.mobile,.myyiguo{
				padding:0;
			}
			.tit{
				a{
					dispaly:block;
					float:left;
					height:30px;
					line-height:30px;
					padding:0 20px 0 10px;
					cursor:pointer;
					z-index:100;
					border:solid #f7f9f8;
					border-width:0 1px;
					position:relative;
				}
				s{
					position:absolute;
					top:13px;
					right:8px;
					width:8px;
					height:4px;
					margin-left:5px;
					background:url(../../static/images/header-img.png) no-repeat 0 0;
					transition: transform .2s ease-in 0s;
    -webkit-transition: -webkit-transform .2s ease-in 0s;
				}
			} 
			
			.con{
				display: none; 
				position: absolute;
				top: 30px;
				left: 0;
				border: 1px solid #b4c1a3;
				background: #fff;
				.item{
					margin:5px 0;
					img{
						width:125px;
						height:125px;
					}
				}
			}
			.current{
				.con{
					display:block;
				}
				.tit{
					a{
						border-color:#b4c1a3; 
						background:#fff;
						padding-bottom:1px; 
						_padding:6px 20px 7px 10px; 
					}
				}
			}
			._logout,.loginname{
				display:none;
			}
		}
	}
	
	
}
